@charset "UTF-8";
.tolwidth {
  height: 32px;
  background-color: whitesmoke; }

.head {
  margin: 0 auto;
  height: 32px;
  width: 1210px;
  color: #757575; }
  .head a:hover {
    color: red; }
  .head .span1 {
    display: flex;
    position: relative;
    float: left; }
    .head .span1 p {
      margin-top: 8px; }
    .head .span1 .imgp {
      width: 20px;
      height: 20px;
      background: url(../img/index/img/index.png) no-repeat -101px -8px;
      display: inline-block; }
    .head .span1 .p1 {
      margin-left: 20px; }
    .head .span1 .p1-tab {
      z-index: 99;
      background: white;
      display: none;
      position: relative;
      width: 311px;
      height: 355px;
      position: absolute;
      border: 1px solid green;
      left: 85px;
      top: 30px;
      box-sizing: border-box;
      padding-left: 20px;
      color: #757575; }
      .head .span1 .p1-tab .close {
        position: absolute;
        right: 0;
        top: 0; }
      .head .span1 .p1-tab a:hover {
        background-color: green;
        color: white; }
      .head .span1 .p1-tab .p1 {
        margin-left: 0;
        color: #757575; }
        .head .span1 .p1-tab .p1 span {
          font-weight: 800;
          color: black; }
      .head .span1 .p1-tab .hot-city {
        width: 282px;
        height: 60px; }
        .head .span1 .p1-tab .hot-city .hot-city-title {
          float: left; }
        .head .span1 .p1-tab .hot-city .hot-city-name {
          float: left;
          width: 220px;
          height: 60px;
          margin-left: 10px; }
          .head .span1 .p1-tab .hot-city .hot-city-name span {
            float: left;
            width: 44px;
            height: 18px; }
      .head .span1 .p1-tab .site-input {
        width: 282px;
        height: 27px; }
        .head .span1 .p1-tab .site-input span {
          padding: 3px 24px;
          width: 102px;
          height: 27px;
          border: 1px solid green; }
      .head .span1 .p1-tab .abridge-city {
        width: 282px;
        height: 188px;
        background: #f5f5f5;
        margin-top: 20px; }
        .head .span1 .p1-tab .abridge-city a {
          color: #757575; }
        .head .span1 .p1-tab .abridge-city .abridge {
          width: 29px;
          height: 23px;
          line-height: 23px;
          float: left; }
        .head .span1 .p1-tab .abridge-city .city-name {
          float: left;
          width: 250px;
          height: 48px; }
          .head .span1 .p1-tab .abridge-city .city-name span {
            width: 50px;
            height: 24px;
            line-height: 24px;
            float: left; }
    .head .span1 .welcome {
      margin-left: 20px;
      width: 110px;
      height: 31px; }
    .head .span1 .login {
      margin-left: 10px; }
    .head .span1 .register {
      margin-left: 10px; }
  .head .span2 {
    position: relative;
    float: right;
    display: flex;
    line-height: 32px; }
    .head .span2 .text {
      margin: 0 10px;
      position: relative; }
      .head .span2 .text .mycount_cont {
        display: none;
        position: absolute;
        background-color: white;
        border: 1px solid green;
        width: 196px;
        height: 198px;
        left: 0;
        top: 25px;
        box-sizing: border-box;
        padding-left: 10px; }
        .head .span2 .text .mycount_cont .a1 {
          color: green; }
        .head .span2 .text .mycount_cont li {
          float: left;
          width: 92px;
          height: 32px;
          padding: 0 10px;
          box-sizing: border-box; }
          .head .span2 .text .mycount_cont li a {
            color: #757575;
            width: 74px;
            height: 25px; }
    .head .span2 .text:hover .mycount_cont {
      display: block; }
    .head .span2 .img1 {
      width: 43px;
      height: 15px;
      background: url(../img/index/img/index.png) no-repeat;
      margin: 8px 0 0 12px; }
    .head .span2 .img2 {
      width: 43px;
      height: 15px;
      background: url(../img/index/img/index.png) no-repeat 0 -20px;
      margin: 10px 0 0 12px; }

.header {
  width: 1210px;
  margin: 35px auto 30px;
  height: 86px; }
  .header img {
    float: left; }
  .header .img2 {
    float: right; }
  .header .search_wrap {
    width: 625px;
    height: 68px;
    margin: 12px 0 0 48px;
    float: left; }
    .header .search_wrap .search_r {
      float: left;
      width: 28px;
      height: 35px;
      margin-left: 5px; }
      .header .search_wrap .search_r a {
        font-size: 14px; }
      .header .search_wrap .search_r a:hover {
        color: red;
        border-bottom: 1px solid red; }
    .header .search_wrap .serchb {
      float: left; }
      .header .search_wrap .serchb a {
        margin-right: 10px;
        color: #757575; }
      .header .search_wrap .serchb a:hover {
        color: red;
        border-bottom: 1px solid red; }
    .header .search_wrap .serchc {
      width: 588px;
      height: 42px;
      float: left; }
      .header .search_wrap .serchc input {
        width: 484px;
        height: 34px;
        border: 2px solid #c70019;
        margin: 0;
        padding: 0; }
      .header .search_wrap .serchc button {
        width: 100px;
        height: 38px;
        background: #c70019;
        color: white;
        font-size: 18px;
        border: none;
        padding: 0 0 5px 0; }

.body .main_nav_wrap {
  position: relative;
  width: 100%;
  height: 48px;
  border-bottom: 2px solid #c70019; }
  .body .main_nav_wrap .all {
    width: 770px;
    height: 450px;
    padding: 7px;
    border: 1px solid #ccc;
    margin: 100px auto;
    position: absolute;
    left: 216px;
    top: -50px; }
    .body .main_nav_wrap .all .screen {
      width: 770px;
      height: 450px;
      overflow: hidden;
      position: relative; }
      .body .main_nav_wrap .all .screen ul {
        position: absolute;
        left: 0;
        top: 0px;
        width: 4620px; }
        .body .main_nav_wrap .all .screen ul li {
          width: 770px;
          height: 450px;
          overflow: hidden;
          float: left; }
          .body .main_nav_wrap .all .screen ul li img {
            width: 770px;
            height: 450px; }
      .body .main_nav_wrap .all .screen ol {
        position: absolute;
        right: 10px;
        bottom: 10px;
        line-height: 20px;
        text-align: center; }
        .body .main_nav_wrap .all .screen ol li {
          float: left;
          width: 20px;
          height: 20px;
          background: #fff;
          border: 1px solid #ccc;
          margin-left: 10px;
          cursor: pointer; }
        .body .main_nav_wrap .all .screen ol li.current {
          background: #c70019; }
  .body .main_nav_wrap .main_nav {
    width: 1210px;
    margin: 0 auto;
    position: relative; }
    .body .main_nav_wrap .main_nav .btn {
      width: 200px;
      height: 43px;
      position: relative;
      top: 14px;
      right: -1064px; }
      .body .main_nav_wrap .main_nav .btn span {
        float: left; }
      .body .main_nav_wrap .main_nav .btn .text {
        margin-left: 15px; }
      .body .main_nav_wrap .main_nav .btn .cart-icon {
        display: block;
        width: 27px;
        height: 20px;
        background: url(../img/index/img/index.png) no-repeat -47px 0; }
    .body .main_nav_wrap .main_nav .all_kinds {
      width: 210px;
      height: 496px;
      position: absolute;
      top: 3px; }
      .body .main_nav_wrap .main_nav .all_kinds .headi {
        width: 210px;
        height: 46px;
        background: #e8382f;
        margin: 0;
        line-height: 46px;
        color: white;
        text-align: center;
        font-weight: normal; }
      .body .main_nav_wrap .main_nav .all_kinds .cont {
        width: 210px;
        height: 450px;
        background: #c70019;
        padding-top: 15px; }
        .body .main_nav_wrap .main_nav .all_kinds .cont .kinds {
          position: relative; }
          .body .main_nav_wrap .main_nav .all_kinds .cont .kinds h3 {
            margin: 0;
            width: 170px;
            height: 36px;
            padding: 0 0 0 39px;
            line-height: 36px; }
            .body .main_nav_wrap .main_nav .all_kinds .cont .kinds h3 a {
              font-weight: normal;
              color: white;
              margin-right: 20px;
              margin-top: 10px; }
          .body .main_nav_wrap .main_nav .all_kinds .cont .kinds h3:hover {
            background-color: white; }
            .body .main_nav_wrap .main_nav .all_kinds .cont .kinds h3:hover a {
              color: #c70019; }
          .body .main_nav_wrap .main_nav .all_kinds .cont .kinds .sub_kinds {
            position: absolute;
            top: 0;
            z-index: 30;
            left: 209px;
            width: 771px;
            height: 450px;
            display: none; }
            .body .main_nav_wrap .main_nav .all_kinds .cont .kinds .sub_kinds .kinds-box {
              display: none;
              position: relative;
              width: 757px;
              height: 419px;
              overflow: hidden; }
              .body .main_nav_wrap .main_nav .all_kinds .cont .kinds .sub_kinds .kinds-box .sub_head {
                position: relative;
                float: left;
                width: 86px;
                color: #333;
                padding: 14px 20px 6px 0;
                text-align: right;
                margin: 0 1px 0 0; }
              .body .main_nav_wrap .main_nav .all_kinds .cont .kinds .sub_kinds .kinds-box .sub_cont {
                float: left;
                width: 580px;
                line-height: 30px;
                overflow: hidden;
                padding-top: 6px;
                margin-bottom: 3px;
                border-bottom: 1px solid #eaeaea; }
                .body .main_nav_wrap .main_nav .all_kinds .cont .kinds .sub_kinds .kinds-box .sub_cont li {
                  float: left;
                  margin-left: 20px; }
                  .body .main_nav_wrap .main_nav .all_kinds .cont .kinds .sub_kinds .kinds-box .sub_cont li a {
                    color: #757575; }
  .body .main_nav_wrap .cont_r {
    position: absolute;
    top: 49px;
    right: 0;
    width: 200px;
    height: 463px;
    border: 1px solid #757575; }
    .body .main_nav_wrap .cont_r .title {
      width: 202px;
      height: 31px;
      padding-left: 10px;
      margin-top: 5px; }
      .body .main_nav_wrap .cont_r .title a {
        color: green;
        padding-bottom: 10px;
        border-bottom: 2px solid green; }
    .body .main_nav_wrap .cont_r .cont_wrap {
      width: 166px;
      height: 90px; }
      .body .main_nav_wrap .cont_r .cont_wrap ul li {
        padding-left: 10px;
        margin-top: 6px; }
    .body .main_nav_wrap .cont_r .min_lead {
      width: 198px;
      height: 184px; }
      .body .main_nav_wrap .cont_r .min_lead ul {
        display: flex;
        flex-wrap: wrap; }
        .body .main_nav_wrap .cont_r .min_lead ul li {
          width: 65px;
          height: 60px;
          border-bottom: 1px dotted #ddd;
          border-right: 1px dotted #ddd; }
          .body .main_nav_wrap .cont_r .min_lead ul li img {
            width: 100%; }
    .body .main_nav_wrap .cont_r .add_b {
      width: 200px;
      height: 148px; }

.body .recommend {
  margin-top: 500px;
  width: 100%;
  height: 20px; }

.body .floor-box {
  margin: 0 auto;
  width: 1210px;
  height: 1654px;
  margin-top: 20px; }
  .body .floor-box .floor {
    border-top: 1px solid #a1c0f6;
    height: 542px;
    margin-top: 50px; }
    .body .floor-box .floor .floor-1 {
      float: left;
      width: 242px;
      height: 542px;
      position: relative; }
      .body .floor-box .floor .floor-1 h3 {
        height: 38px;
        color: #88a9e2;
        font-size: 20px;
        font-weight: normal;
        margin: 0;
        top: -30px;
        position: absolute; }
        .body .floor-box .floor .floor-1 h3 span {
          float: left;
          margin-left: 5px; }
        .body .floor-box .floor .floor-1 h3 i {
          float: left;
          display: block;
          width: 5px;
          height: 20px;
          background: #88a9e2; }
      .body .floor-box .floor .floor-1 .con {
        width: 242px;
        height: 504px;
        position: relative;
        background: #88a9e2; }
        .body .floor-box .floor .floor-1 .con .png {
          font-size: 18px;
          color: white;
          display: block;
          width: 66px;
          height: 64px;
          background: url(../img/index/img/floor_icon.png) no-repeat; }
        .body .floor-box .floor .floor-1 .con .clearfix {
          width: 200px;
          height: 119px;
          display: flex;
          flex-wrap: wrap;
          border-bottom: 1px solid #5e7090;
          margin-left: 20px; }
          .body .floor-box .floor .floor-1 .con .clearfix li {
            position: relative;
            width: 78px;
            height: 36px;
            margin-left: 20px; }
            .body .floor-box .floor .floor-1 .con .clearfix li a {
              font-size: 14px;
              color: #5e7090; }
            .body .floor-box .floor .floor-1 .con .clearfix li a:hover {
              border-bottom: 1px solid #5e7090; }
    .body .floor-box .floor .floor-r {
      float: left;
      width: 968px;
      height: 541px;
      position: relative; }
      .body .floor-box .floor .floor-r .tit {
        position: absolute;
        top: -36px;
        width: 938px;
        height: 36px;
        margin-left: 15px; }
        .body .floor-box .floor .floor-r .tit li {
          float: left;
          width: 74px;
          height: 34px;
          font-size: 16px;
          margin-left: 20px;
          text-align: center; }
        .body .floor-box .floor .floor-r .tit li:hover {
          border-bottom: 2px solid #a1c0f6; }
      .body .floor-box .floor .floor-r .con {
        width: 963px;
        height: 518px; }
        .body .floor-box .floor .floor-r .con ul {
          display: flex;
          flex-wrap: wrap; }
          .body .floor-box .floor .floor-r .con ul li {
            width: 239px;
            height: 239px;
            border-bottom: 1px solid #757575;
            border-right: 1px solid #757575;
            text-align: center;
            padding-top: 20px;
            position: relative; }
            .body .floor-box .floor .floor-r .con ul li img {
              width: 180px;
              height: 180px;
              margin: auto auto; }
            .body .floor-box .floor .floor-r .con ul li .li2 {
              left: 36px;
              top: 27px;
              position: absolute; }
            .body .floor-box .floor .floor-r .con ul li .name {
              color: #606060;
              font-size: 14px;
              margin-top: 10px;
              position: absolute;
              left: 33px;
              top: 201px;
              height: 20px;
              overflow: hidden;
              width: 170px; }
            .body .floor-box .floor .floor-r .con ul li .price {
              color: #dd0800;
              font-size: 20px;
              position: absolute;
              left: 30px;
              top: 227px; }
          .body .floor-box .floor .floor-r .con ul .li1 {
            width: 479px;
            height: 238px; }
            .body .floor-box .floor .floor-r .con ul .li1 img {
              width: 100%;
              height: 100%;
              left: 0;
              top: 0; }
  .body .floor-box .floor2 {
    border-top: 1px solid #ddc18f; }
    .body .floor-box .floor2 .floor-1 h3 i {
      background-color: #ddc18f; }
    .body .floor-box .floor2 .floor-1 h3 span {
      color: #ddc18f; }
    .body .floor-box .floor2 .floor-1 .con {
      background: #f6d7a1; }
      .body .floor-box .floor2 .floor-1 .con .png {
        background-position: 0 -197px; }
    .body .floor-box .floor2 .floor-r .tit li:hover {
      border-bottom: 2px solid #f6d7a1; }
  .body .floor-box .floor3 {
    border-top: 1px solid #bee77b; }
    .body .floor-box .floor3 .floor-1 h3 i {
      background-color: #bee77b; }
    .body .floor-box .floor3 .floor-1 h3 span {
      color: #bee77b; }
    .body .floor-box .floor3 .floor-1 .con {
      background: #bee77b; }
      .body .floor-box .floor3 .floor-1 .con .png {
        background-position: 0 -130px; }
    .body .floor-box .floor3 .floor-r .tit li:hover {
      border-bottom: 2px solid #bee77b; }

.foot {
  margin-top: 90px; }
  .foot .footer-nav {
    margin: 0 auto;
    border-top: 2px solid #3ea600;
    width: 1210px;
    height: 732px; }
    .foot .footer-nav ul {
      border-left: 1px solid #ededed;
      display: flex;
      flex-wrap: wrap; }
      .foot .footer-nav ul li {
        width: 240px;
        height: 365px;
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed; }
        .foot .footer-nav ul li h3 {
          width: 241px;
          height: 82px;
          text-align: center;
          line-height: 82px;
          font-size: 16px;
          color: #606060;
          margin: 0; }
        .foot .footer-nav ul li .pic {
          width: 241px;
          height: 100px; }
          .foot .footer-nav ul li .pic img {
            margin: 0 auto; }
        .foot .footer-nav ul li ul {
          width: 241px;
          height: 125px;
          display: flex;
          flex-wrap: wrap;
          margin-left: 44px;
          margin-top: 20px; }
          .foot .footer-nav ul li ul li {
            width: 95px;
            height: 26px;
            border: none; }
            .foot .footer-nav ul li ul li a {
              color: #606060; }
            .foot .footer-nav ul li ul li a:hover {
              color: red;
              border-bottom: 1px solid red; }
  .foot .footer {
    width: 100%;
    height: 253px;
    margin-top: 45px;
    padding-top: 45px;
    border-top: 2px solid #e7e7e7;
    background: #f7f7f7;
    border-bottom: 2px solid green; }
    .foot .footer .helperwidth {
      width: 1210px;
      margin: 0 auto;
      height: 253px;
      display: flex;
      justify-content: space-between; }
      .foot .footer .helperwidth .mode_wrap {
        width: 856px;
        height: 161px;
        display: flex;
        justify-content: space-between; }
        .foot .footer .helperwidth .mode_wrap .mode {
          width: 144px;
          height: 161px; }
          .foot .footer .helperwidth .mode_wrap .mode h3 a {
            color: #606060;
            font-size: 16px; }
          .foot .footer .helperwidth .mode_wrap .mode h3 a:hover {
            color: #c60001; }
          .foot .footer .helperwidth .mode_wrap .mode ul li {
            height: 24px;
            line-height: 24px; }
            .foot .footer .helperwidth .mode_wrap .mode ul li a {
              color: #989898; }
            .foot .footer .helperwidth .mode_wrap .mode ul li a:hover {
              color: #8cb91e; }
      .foot .footer .helperwidth .ervma {
        width: 284px;
        height: 122px;
        margin-top: 25px; }
        .foot .footer .helperwidth .ervma div {
          margin-left: 20px;
          float: left; }
          .foot .footer .helperwidth .ervma div span {
            font-size: 16px;
            color: #c60001;
            top: 0;
            left: 0; }
  .foot .about_wrap {
    width: 100%; }
    .foot .about_wrap .about {
      width: 1210px;
      margin: 0 auto;
      height: 138px;
      margin-top: 30px; }
      .foot .about_wrap .about .links {
        width: 1210px;
        height: 22px; }
        .foot .about_wrap .about .links ul {
          display: flex;
          justify-content: space-between; }
          .foot .about_wrap .about .links ul li a {
            font: 12px/150% Arial, Tahoma, "宋体";
            font-size: 14px; }
          .foot .about_wrap .about .links ul li a:hover {
            border-bottom: 1px solid black; }
    .foot .about_wrap .footer-2016 {
      width: 790px;
      height: 88px;
      margin: 28px auto 0; }
      .foot .about_wrap .footer-2016 .copyright {
        width: 501px;
        height: 88px;
        margin-left: 20px; }
        .foot .about_wrap .footer-2016 .copyright div {
          height: 22px;
          line-height: 22px;
          color: #989898;
          overflow: hidden; }
          .foot .about_wrap .footer-2016 .copyright div .beian i {
            float: left;
            position: relative;
            width: 20px;
            height: 20px;
            background: url(../images/bottomicon.png) -114px 0px no-repeat; }

.wm-toolbar {
  position: fixed;
  top: 0;
  z-index: 9999999;
  right: -276px;
  width: 310px;
  color: #fff; }
  .wm-toolbar .toolbar-left {
    position: relative;
    _position: absolute;
    left: 0;
    float: left;
    width: 34px;
    background: #000; }
    .wm-toolbar .toolbar-left .wm-toolbar-top {
      position: absolute;
      left: 0;
      width: 34px;
      height: 216px;
      font: 12px/1.2 "Microsoft YaHei"; }
      .wm-toolbar .toolbar-left .wm-toolbar-top .wm-toolbar-hd {
        width: 18px;
        height: 88px;
        padding: 10px 8px;
        text-align: center;
        overflow: hidden;
        cursor: pointer; }
        .wm-toolbar .toolbar-left .wm-toolbar-top .wm-toolbar-hd .cart span {
          display: inline-block;
          height: 16px;
          margin: 8px auto 0;
          padding: 0 3px;
          line-height: 16px;
          border-radius: 3px;
          background: #3da700;
          color: #fff; }
    .wm-toolbar .toolbar-left .wm-toolbar-footer {
      position: absolute;
      left: 0;
      bottom: 0; }
      .wm-toolbar .toolbar-left .wm-toolbar-footer ul li {
        position: relative;
        height: 34px;
        width: 34px;
        margin-top: 6px;
        line-height: 34px;
        cursor: pointer; }
        .wm-toolbar .toolbar-left .wm-toolbar-footer ul li span {
          position: absolute;
          right: 34px;
          height: 34px;
          width: 58px;
          padding-left: 12px;
          line-height: 34px;
          background: #3da700;
          display: none;
          overflow: hidden; }
        .wm-toolbar .toolbar-left .wm-toolbar-footer ul li .go-top {
          height: 34px;
          width: 34px;
          cursor: pointer;
          overflow: hidden;
          background: url(../img/index/img/cart.jpg) no-repeat;
          background-position: -136px 0;
          display: block; }

.float-nav {
  display: none;
  position: fixed;
  left: 20px;
  top: 500px;
  width: 45px;
  height: 117px; }
  .float-nav li {
    width: 45px;
    height: 42px;
    border: 1px dotted #ddd; }
    .float-nav li p {
      width: 25px;
      padding: 7px 10px 0px 10px;
      color: black;
      font: 12px/150% Arial, Tahoma, "宋体"; }
    .float-nav li p.current {
      color: white;
      background-color: #3da601; }

.total-container {
  display: none;
  position: fixed;
  height: 80px;
  z-index: 100;
  width: 100%;
  font-family: "微软雅黑";
  transition: top .3s ease-out;
  top: 0;
  margin: 0 auto;
  padding-bottom: 12px;
  background: url(../img/index/img/hbg.png) repeat-x bottom; }
  .total-container .width {
    width: 1210px;
    margin: 0 auto; }
    .total-container .width .logo {
      height: auto;
      width: 220px;
      float: left;
      height: 86px; }
    .total-container .width .toptuanmobile {
      float: right;
      margin-top: 18px;
      width: 174px;
      line-height: 23px;
      font-size: 16px;
      color: #c30000;
      font-weight: bold; }
      .total-container .width .toptuanmobile span {
        font-size: 14px; }
    .total-container .width .search_wrap {
      float: left;
      width: 625px;
      margin: 12px 0 0 48px;
      margin-top: 18px;
      margin-left: 158px; }
      .total-container .width .search_wrap .search_c {
        float: left;
        width: 584px;
        height: 38px;
        border: 2px solid #c30000; }
      .total-container .width .search_wrap input {
        width: 450px;
        height: 36px;
        padding-left: 32px;
        font: 14px/36px "微软雅黑";
        border: none;
        outline: none; }
      .total-container .width .search_wrap .btn {
        width: 100px;
        height: 38px; }
        .total-container .width .search_wrap .btn button {
          width: 100px;
          height: 38px;
          font: 18px "微软雅黑";
          color: #fff;
          background-color: #C70019;
          border: none;
          cursor: pointer; }
